<template>
  <div class="app">
    <h1>app</h1>
    <button @click="show = !show">toggle</button>
    <Header v-if="show" />
    <Header1 v-if="show"/>
  </div>
</template>

<script>
import Header from './components/Header.vue'
import Header1 from './components/Header1.vue'
export default {
    data() {
        return {
            show:true
        }
    },
    components:{
        Header,
        Header1
    }
}
</script>

<style>
.box{
    padding: 30px;
    border: 1px solid red;
}
</style>
